<template>
  <div class="hello">
    <!--{{msg}}-->
    hello {{msg}}
  </div>
</template>

<script>
  export default {
    name: 'hello',
    data () {
      return {
        msg: 'Vue App'
      }
    },
    created: function () {
      setTimeout(() => {
        this.$router.replace({name: '主页'})
      }, 2000)
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
  .hello {
    height: 100vh;
    font-size: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
  }
</style>
